<template>
  <div id="cart-list">
    <cart-item
      v-for="(item, index) in cart_list"
      :key="index"
      :cart_info="item"
    />
  </div>
</template>

<script>
import CartItem from './CartItem'
export default {
  props: {
    cart_list: {
      type: Array,
      default() {
        return []
      },
    },
  },
  components: {
    CartItem,
  },
  data() {
    return {}
  },
}
</script>

<style lang="less" scoped>
#cart-list {
  padding: 0 10px;
}
</style>
